//变量
$width: 1263px, 1200px;
//nav 
.nav{
    width: nth($width, 1);
    height: 42px;
    margin: 0 auto;
    position: static;
    background-color: #f7f7f7;
    line-height: 42px;
    &-container {
        width: 1200px;
        height: 42px;
        margin-left: auto;
        margin-right: auto;
        &-clearfix{
            width: 1200px;
            height: 42px;
            >li{
                position: static;
                float: left;
                height: 42px;
                padding-bottom: 2px;
                a{     
                font-size: 16px;
                color: #161616;  
                padding-right: 40px;
                   i{
                    font-size: 12px !important;
                   }
                }
                a:hover{
                    color: #5349b8;
                }
            }
        }
    }
}
.sub-nav-box {
    position: absolute;
    display: none;
    left: 0;
    width: 100%;
    height: 340px;
    background: url(/images/sub-nav-box-bg.png) repeat;
    z-index: 100;
}
.container{
    width: 1200px;
    margin: 0 auto;

    .left-list{
        width: 190px;
        float: left;
        >ul {
            padding: 35px 15px 15px 10px;

            .list{
                width: 165px;
                height: 35px;
                line-height: 35px;
                
                a{
                  font-size: 14px;  
                }
            }
            .more{
                width: 165px;
                height: 42px;
                line-height: 42px;
                margin-top: 35px;
                border: 1px solid #010000;

                .button-shop{
                  font-size: 18px; 

                  span{
                    padding-left: 10px;
                    padding-right: 10px;
                  }
                }
            }
        }
    }
}
.right-tool-banner{
    width: 1010px;
    height: 258px;
    overflow: hidden;
    padding-top: 36px;
}
.right-tool-banner>ul{
    width: 1010px;
    height: 258px;
}
.right-tool-banner>ul>.list{
    width: 238px;
    height: 258px;
    float: left;
    position: relative;
    margin-right: 10px;
    background: #fff;
}
.right-tool-banner>ul>li.list>a>img {
    width: 238px;
    height: 238px;
}
.right-tool-banner>ul>li.list>a>p {
    position: absolute;
    left: 0;
    bottom: 0;
    height: 40px;
    line-height: 40px;
    width: 100%;
    text-align: center;
    color: #232323;
    font-family: "microsoft yahei";
    text-align: center;
}
.right-tool-banner>ul>li.more {
    position: relative;
    float: left;
    border-radius: 50%;
    width: 198px;
    height: 198px;
    margin-top: 30px;
    margin-left: 25px;
    overflow: hidden;
}
.sub-nav-box .right-tool-banner>ul>li.more a:hover img{
    transform: scale(1.1);
    -ms-transform: scale(1.1);
    -webkit-transform: scale(1.1);
}
.sub-nav-box .right-tool-banner>ul>li.list>a:hover>p {
    color: #069ee1;
}